﻿<html>
<head>
    <meta charset="utf-8">
    <title>家仁的博客</title>
    <link href="css/main.css" rel="stylesheet">
    <link href="images/icon.ico" rel="shortcut icon">

</head>

<body>

<div class="header ">
    <div class="iconDiv">
        <img src="images/icon.png" alt/>
    </div>
    <h1 class="name" id="kazin">Kazin</h1>
    <h2 class="tagline">欢迎来到家仁的个人博客。</h2>
    <a href="https://github.com/chikazin" target="_blank" class="btn">GitHub主页</a>
    <a href="index.html" target="_blank" class="btn">博客主页</a>
</div>
<div class="TransverseBar">
    <ul>
        <li>博主信息 ┇
            <ul>
                <li>Mail: kazin7853@gmail.com</li>
                <li>QQ: 785334462</li>
                <li>Tel: 15270684127</li>
                <li>WeChat: 卡晋</li>
            </ul>
        </li>
        <li style="margin-right: 60px;: ">其他网站 ┇
            <ul>
                <li><a href="https://github.com/chikazin" target="_blank">Github</a></li>
                <li><a href="https://gitee.com/kazin/" target="_blank">码云Gitee</a></li>
                <li><a href="https://www.jianshu.com/u/8aaa7c6c22b7" target="_blank">简书Jianshu</a></li>
                <li><a href="https://www.csdn.net/" target="_blank">CSDN</a></li>
            </ul>
        </li>
        <li class="musicBar" style="padding: 0; width: 305px; ">
            <audio autoplay loop src="music/summer.mp3" controls="controls" preload="auto"></audio>
        </li>
        <li style="margin-left: 20px;padding: auto 20px;width: 100px">
            <div style="position: relative;margin-top: -15px; margin-right: 10px">chikazin</div>
            <div style="width: 160px">景德镇陶瓷大学</div>
        </li>
        <img class="icon" src="images/icon.png"/>
        <!--        <li style="padding: 0;margin: 0 30px"><img src="icon.png" style="width: 70%;"/></li>-->
    </ul>
</div>
<div style="text-align: center">
    <div class="mainContent">
        <div class="leftBar">
            <ul>
                <li><a href="#column1">☆ 最近动态</a></li>
                <li><a href="#column2">○ 博客列表</a></li>
                <li><a href="#column3">☀ 开源项目</a></li>
                <li><a href="#lunbotu"> ※ SlideShow </a></li>
            </ul>
        </div>

        <div class="content">

            <div class="" id="column1">
                <h1 style="color: #6a737d;">☆ 最近动态</h1>
                <div class="column1_1">
                    <p>tflite_.gitignore</p>
                </div>
                <div class="column1_1">
                    <p>发布 2019-05-27 19:45:04</p>
                    <p>更新 2019-05-27 19:45:05</p>
                    <p>fragment_camera2_b</p>
                    <p>的wrap_content 改成了 match_parent</p>
                </div>
                <div class="column1_1">
                    <p>*.iml</p>
                    <p>.gradle</p>
                    <p>/local.properties</p>
                    <p>/.idea/workspace.xml</p>
                    <p>/.idea/libraries</p>
                    <p>.DS_Store</p>
                    <p>/build</p>
                    <p>/captures</p>
                    <p>.externalNativeBuild</p>
                </div>
            </div>
            <div class="" id="column2">
                <h1 style="color: #6a737d;">○ 博客列表</h1>
                <div class="column2_1">
                    <p style="color: #2d8cf0">☑ tflite_.gitignore</p>
                </div>
                <div class="column2_1">
                    <p>最近更新 2019-05-27 19:45:05</p>
                    <p>fragment_camera2_b的wrap_content 改成了 match_parent</p>
                </div>

                <div class="column2_1">
                    <p style="color: #2d8cf0">☑ 快速上手Android(活动, 布局, 控件, 事件)</p>
                </div>
                <div class="column2_1">
                    <p>最近更新 2019-05-19 17:30:48</p>
                    <p>本篇将要实现:创建一个App, App有两个活动, 活动内各有一个按钮, 点击按钮可以跳转到另一个活动, 并显示""小通知"(toast). 即通过点击按钮显示小提示, 并在活动中相互跳转.
                        这并不难, 并且远比Hello world更能获得成就感, 同时还能掌握更多内容.</p>
                </div>
            </div>
            <div class="" id="column3">
                <h1 style="color: #6a737d;">☀ 开源项目</h1>
                <div class="column2_1">
                    <p style="color: #2d8cf0">☑ AICeramicEye</p>
                </div>
                <div class="column2_1">
                    <p>最近更新 2019-06-01 15:12:49</p>
                    <p>fragment_camera2_b的wrap_content 改成了 match_parent</p>
                </div>

                <div class="column2_1">
                    <p style="color: #2d8cf0">☑ gitTset</p>
                </div>
                <div class="column2_1">
                    <p>最近更新 2019-05-29 22:06:45</p>
                    <p>本篇将要实现:创建一个App, App有两个活动, 活动内各有一个按钮, 点击按钮可以跳转到另一个活动, 并显示""小通知"(toast). 即通过点击按钮显示小提示, 并在活动中相互跳转.
                        这并不难, 并且远比Hello world更能获得成就感, 同时还能掌握更多内容.</p>
                </div>

                <div class="column2_1">
                    <p style="color: #2d8cf0">☑ hello-world</p>
                </div>
                <div class="column2_1">
                    <p>最近更新 2018-10-28 16:27:47</p>
                    <p>The first repository</p>
                </div>

                <div class="column2_1">
                    <p style="color: #2d8cf0">☑ MealsChooser</p>
                </div>
                <div class="column2_1">
                    <p>最近更新 2019-05-29 22:40:57</p>
                    <pre></pre>
                    <pre>TF Lite Android App
Building from Source with Bazel
Follow the Bazel steps for the TF Demo App:

Install Bazel and Android Prerequisites. It's easiest with
                        Android Studio.

You'll need at least SDK version 23.
Bazel requires Android Build Tools 26.0.1 or higher.
You also need to install the Android Support Repository,
                        available through Android Studio under Android SDK Manager
                        -> SDK Tools -> Android Support Repository.
Edit your WORKSPACE to add SDK and NDK targets.

Make sure the api_level in WORKSPACE is set to an SDK version that you
                        have installed.
By default, Android Studio will install
                        the SDK to ~/Android/Sdk and the NDK to ~/Android/Sdk
                        /ndk-bundle.
Build the app with Bazel. The demo needs C++11:

bazel build -c opt --cxxopt='--std=c++11' \
  //tensorflow/contrib/lite/java/demo/app/src/main:TfLiteCameraDemo</pre>
                </div>
            </div>
            <div id="lunbotu">
                <h1 style="color: #6a737d;"> ※ SlideShow </h1>
                <dl class="relative">
                    <dt class="cascade">
                        <!-- <a href="#img1">1</a>
                         <a href="#img2">2</a>
                         <a href="#img3">3</a>
                         <a href="#img4">4</a>-->
                    </dt>
                    <dd class="key1">
                        <img src="images/1.jpg" alt="cannot load" id="img1">
                        <img src="images/2.jpg" alt="cannot load" id="img2">
                        <img src="images/3.jpg" alt="cannot load" id="img3">
                        <img src="images/4.jpg" alt="cannot load" id="img4">
                    </dd>
                </dl>
                <pre style="text-align: left;font:inherit">
                    &ltscript type="text/javascript">
                    window.onload = function () {
                        setInterval(move, 2000)
                    };
                    var images = document.getElementsByClassName("key1");
                    a = images[0].getElementsByTagName("img");
                    var count1 = 0;

                    function slideShow(index) {
                        if (index == 0) {
                            a[0].setAttribute("style", "display: block");
                            a[1].setAttribute("style", "display: none");
                            a[2].setAttribute("style", "display: none");
                            a[3].setAttribute("style", "display: none");
                            console.log(index)
                        }
                        if (index == 1) {
                            a[1].setAttribute("style", "display: block");
                            a[0].setAttribute("style", "display: none");
                            a[2].setAttribute("style", "display: none");
                            a[3].setAttribute("style", "display: none");
                            console.log(index)
                        }
                        if (index == 2) {
                            a[1].setAttribute("style", "display: none");
                            a[0].setAttribute("style", "display: none");
                            a[2].setAttribute("style", "display: block");
                            a[3].setAttribute("style", "display: none");
                            console.log(index)
                        }
                        if (index == 3) {
                            a[1].setAttribute("style", "display: none");
                            a[0].setAttribute("style", "display: none");
                            a[2].setAttribute("style", "display: none");
                            a[3].setAttribute("style", "display: block");
                            console.log(index)
                        }
                    }

                    function move() {
                        slideShow(count1);
                        count1 += 1;
                        if (count1 == a.length) {
                            count1 = 0;
                        }
                    }
                &lt/script>
                </pre>


                <script type="text/javascript">
                    window.onload = function () {
                        setInterval(move, 2000)
                    };
                    var images = document.getElementsByClassName("key1");
                    a = images[0].getElementsByTagName("img");
                    var count1 = 0;

                    function slideShow(index) {
                        if (index == 0) {
                            a[0].setAttribute("style", "display: block");
                            a[1].setAttribute("style", "display: none");
                            a[2].setAttribute("style", "display: none");
                            a[3].setAttribute("style", "display: none");
                            console.log(index)
                        }
                        if (index == 1) {
                            a[1].setAttribute("style", "display: block");
                            a[0].setAttribute("style", "display: none");
                            a[2].setAttribute("style", "display: none");
                            a[3].setAttribute("style", "display: none");
                            console.log(index)
                        }
                        if (index == 2) {
                            a[1].setAttribute("style", "display: none");
                            a[0].setAttribute("style", "display: none");
                            a[2].setAttribute("style", "display: block");
                            a[3].setAttribute("style", "display: none");
                            console.log(index)
                        }
                        if (index == 3) {
                            a[1].setAttribute("style", "display: none");
                            a[0].setAttribute("style", "display: none");
                            a[2].setAttribute("style", "display: none");
                            a[3].setAttribute("style", "display: block");
                            console.log(index)
                        }
                    }

                    function move() {
                        slideShow(count1);
                        count1 += 1;
                        if (count1 == a.length) {
                            count1 = 0;
                        }
                    }


                </script>
            </div>

        </div>
    </div>
</div>


<div class="footer">
    <p>©2019 chikazin</p>
    <p><a href="https://github.com/chikazin" target="_blank">Kazin</a></p>
    <p>景德镇陶瓷大学</p>
    <p><a href="https://github.com/chikazin" target="_blank">github-profile</a></p>

</div>
<div class="ToTop">
    <a href="#kazin" class="ToTop">回到顶部</a>
</div>
<script>
    !function () {
        function o(w, v, i) {
            return w.getAttribute(v) || i
        }

        function j(i) {
            return document.getElementsByTagName(i)
        }

        function l() {
            var i = j("script"),
                w = i.length,
                v = i[w - 1];
            return {
                l: w,
                z: o(v, "zIndex", -1),
                o: o(v, "opacity", 1),
                c: o(v, "color", "15,136,235"),
                n: o(v, "count", 99)
            }
        }

        function k() {
            r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
        }

        function b() {
            e.clearRect(0, 0, r, n);
            var w = [f].concat(t);
            var x, v, A, B, z, y;
            t.forEach(function (i) {
                i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);
                for (v = 0; v < w.length; v++) {
                    x = w[v];
                    if (i !== x && null !== x.x && null !== x.y) {
                        B = i.x - x.x, z = i.y - x.y, y = B * B + z * z;
                        y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())
                    }
                }
                w.splice(w.indexOf(i), 1)
            }), m(b)
        }

        var u = document.createElement("canvas"),
            s = l(),
            c = "c_n" + s.l,
            e = u.getContext("2d"),
            r, n,
            m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
                function (i) {
                    window.setTimeout(i, 1000 / 45)
                }, a = Math.random, f = {
                x: null,
                y: null,
                max: 20000
            };
        u.id = c;
        u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o;
        j("body")[0].appendChild(u);
        k(), window.onresize = k;
        window.onmousemove = function (i) {
            i = i || window.event, f.x = i.clientX, f.y = i.clientY
        }, window.onmouseout = function () {
            f.x = null, f.y = null
        };
        for (var t = [], p = 0; s.n > p; p++) {
            var h = a() * r,
                g = a() * n,
                q = 2 * a() - 1,
                d = 2 * a() - 1;
            t.push({
                x: h,
                y: g,
                xa: q,
                ya: d,
                max: 6000
            })
        }
        setTimeout(function () {
            b()
        }, 100)
    }();
</script>
</body>
</html>